/* 
    Document   : style
    Created on : 13-dic-2012, 11.22.50
    Author     : speleoalex
    Description:
        Purpose of the stylesheet follows.
*/

.body{
    font-family: sans-serif;
    font-size: 12px;
}




.ui-layout-north,.ui-layout-west,.ui-layout-east,.ui-layout-south,.ui-layout-center{
    padding: 1px;
    font-family: sans-serif;
    font-size: 12px;

}

.ui-layout-north{
    padding: 0px;
    white-space: nowrap;
    background-color: #dadada;
    /* fallback */
    background-color: #fffffe; 
    /* Safari 4-5, Chrome 1-9 */ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffffe), to(#dadada)); 
    /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(top, #dadada, #fffffe); 
    /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(top, #dadada, #fffffe); 
    /* IE 10 */ 
    background: -ms-linear-gradient(top, #dadada, #fffffe); 
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #dadada, #fffffe);
}

/*
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
*/
canvas.preview{
    border: 1px solid #909090;
    background-color: #ffffff;
    background: -moz-linear-gradient(100% 100% 180deg, #ffffff, #eeeeee);
    background: -webkit-gradient(linear, right top, left bottom, from(#ffffff), to(#eeeeee));
    cursor: move;
    border-radius: 2px;
}
.ui-menu { width: 200px; }
.menubar{
    display: inline-block;
    top:0px;
    left:0px;
}

.toolbar{
    background-color: transparent;
    display: inline-block;
    border: 0px solid ;
    padding: 0px;
    line-height: 24px;
    margin:1px;
    position: absolute;
    top:10px;
    left:100px;

}



a{
    color: #000000;
    font-style: normal;
    text-decoration: none
}

.toolbar button{
    border:1px solid #000000;
    border-radius:3px;
    padding:2px;
    vertical-align: middle;
    background-color: #ffffff;
}
.toolbar button:HOVER{
    border:1px solid #aaaa00;
}

.toolbar img{
    cursor: pointer;
    padding: 4px;
    height:22px;
    border: 1px solid transparent;
    vertical-align: middle;
}
.toolbar img:hover{
    border: 1px solid #537697;
    background-color: #f0f0f0;
}
#mainmenu{
    background-color: #cfdce8;
    /* fallback */
    background-color: #fffffe; 
    /* Safari 4-5, Chrome 1-9 */ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffffe), to(#cfdce8)); 
    /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(top, #cfdce8, #fffffe); 
    /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(top, #cfdce8, #fffffe); 
    /* IE 10 */ 
    background: -ms-linear-gradient(top, #cfdce8, #fffffe); 
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #cfdce8, #fffffe);
}

#mainmenu span{
    background-image: url('fn_down.png');
    background-repeat: no-repeat;
    background-position: right ;
    padding-right: 20px;
}
input{
    vertical-align: middle;
    border: 1px solid #dadada;
    border-radius: 1px;
    padding:1px;
    margin: 1px;
}

input:focus{
    vertical-align: middle;
    border: 1px solid #7eadd9;
    border-radius: 1px;
    padding:1px;
    margin: 1px;
    /* fallback */ 
    background-color: #fffffe; 
    /* Safari 4-5, Chrome 1-9 */ 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffffe), to(#dfeffc)); 
    /* Safari 5.1, Chrome 10+ */ 
    background: -webkit-linear-gradient(top, #dfeffc, #fffffe); 
    /* Firefox 3.6+ */ 
    background: -moz-linear-gradient(top, #dfeffc, #fffffe); 
    /* IE 10 */ 
    background: -ms-linear-gradient(top, #dfeffc, #fffffe); 
    /* Opera 11.10+ */ 
    background: -o-linear-gradient(top, #dfeffc, #fffffe);
}

#caveform label{
    display:inline-block;
    width:150px;
    border-radius: 3px;
    background-color: #FC6
}
#caveform input{



}

#tabs-4 input{
    border:0px solid;
    padding:0px;
}


.htAutocomplete{
    position: relative
}
.handsontable .ArrowUnity {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    color: #909090;
    cursor: default;
    width: 16px;
    text-align: center;
}

.handsontable td .ArrowUnity:hover {
    color: #777;
}

.htContextMenu{
    font-size: 12px;
    text-shadow: 0px 1px 1px #dadada;
}


.ui-tabs .ui-tabs-nav li a {
    padding: .2em .3em;

}
.ui-tabs .ui-tabs-panel{
    padding: 5px;
}

.xy{
    font-family: monospace
}

.coords{
    width:70px;
}
#cave_utm_zone{
    width:20px;
    
}